import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter,dateFormatter3 } from '@/utils/formatTime'

// 表单校验
export const rules = reactive({
  partyName: [required],
  partyCard: [required],
  applicant: [required],
  applicantPhone: [required],
  status: [required],
})

// CrudSchema https://doc.iocoder.cn/vue3/crud-schema/
const crudSchemas = reactive<CrudSchema[]>([
  // {
  //   label: '编号',
  //   field: 'id',
  //   isForm: false,
  // },
  {
    label: '被查询人',
    field: 'partyName',
    isSearch: true,
    form:{
      colProps:{
        span: 12
      }
    },
  
  },
  {
    label: '被查询人身份证号',
    field: 'partyCard',
    isSearch: true,
    colProps: {
      span: 12
    },
    table:{
      width:'200px'
    }
  },
  {
    label: '申请人身份类型',
    field: 'applicantType',
    dictType: DICT_TYPE.IDENTITY_TYPE,
    isSearch: false,
    form: {
      component: 'Select'
    },
    table:{
      width:'150px'
    }
  },
  {
    label:'提供材料',
    field: 'file',
    isForm: false,
    table:{
        width:'100px'
    }
    
  },
  {
    label: '申请人',
    field: 'applicant',
    isSearch: true,
  },
  {
    label: '手机号码',
    field: 'applicantPhone',
    isSearch: true,
    table:{
      width:'180px'
    }
  },
  {
    label: '状态',
    field: 'status',
    dictType: DICT_TYPE.AUDIT,
    isSearch: true,
    form: {
      component: 'Select'
    },
    search:{
      component:"Select",
      formItemProps:{
        style:{
          width:'400px'
        }
      }
    }
  },
  {
    label: '提交时间',
    field: 'createTime',
    formatter: dateFormatter3,
    isSearch: true,
    search: {
      component: 'DatePicker',
      componentProps: {
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        type: 'daterange',
        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
      }
    },
    isForm: false,
    table:{
      width:'180px'
    }
  },
  {
    label: '审核人',
    field: 'acceptUserName',
    isSearch: true,
  },
  // {
  //   label: '受理人时间',
  //   field: 'acceptTime',
  //   formatter: dateFormatter,
  //   isSearch: true,
  //   search: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
  //       type: 'daterange',
  //       defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
  //     }
  //   },
  //   form: {
  //     component: 'DatePicker',
  //     componentProps: {
  //       type: 'datetime',
  //       valueFormat: 'x'
  //     }
  //   },
  // },
  // {
  //   label: '受理人id',
  //   field: 'acceptUserId',
  //   isSearch: true,
  //   form: {
  //     component: 'InputNumber',
  //     value: 0
  //   },
  // },
  {
    label: '受理响应内容',
    field: 'acceptContent',
    isSearch: true,
    form: {
      component: 'Editor',
      componentProps: {
        valueHtml: '',
        height: 200
      }
    },
    table:{
      width:'200px'
    }
  },
  // {
  //   label: '审核信息',
  //   field: 'auditingContent',
  //   isSearch: true,
  //   form: {
  //     component: 'Editor',
  //     componentProps: {
  //       valueHtml: '',
  //       height: 200
  //     }
  //   },
  // },

  {
    label: '审核时间',
    field: 'acceptTime',
    formatter: dateFormatter3,
    isSearch: true,
    search: {
      component: 'DatePicker',
      componentProps: {
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        type: 'daterange',
        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
      }
    },
    form: {
      component: 'DatePicker',
      componentProps: {
        type: 'datetime',
        valueFormat: 'x'
      }
    },
    table:{
      width:'180px'
    }
  },

  
  {
    label: '操作',
    field: 'action',
    isForm: false,
    showOverflowTooltip:false,
    table:{
      width:"200px",
      fixed:"right",
    }

  }
])

export const { allSchemas } = useCrudSchemas(crudSchemas)
